<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
            <title>Cindy JS</title>
            <script type="text/javascript" src="../build/js/Cindy.js"></script>
            <link rel="stylesheet" href="../css/cindy.css">


            </head>

	<body style="font-family:Arial;">

        <h1>CindyJS: Angle Bisector</h1>


        <script id='csmove' type='text/x-cindyscript'>

        </script>


        <div  id="CSCanvas" style="width:500px; height:500px; border:2px solid #000000"></div>

        <script type="text/javascript">

            var gslp=[

                      {name:"A", type:"Free", pos:[-1,-1],color:[0,0,0]},
                      {name:"B", type:"Free", pos:[6,-2],color:[1,1,1]},
                      {name:"C", type:"Free", pos:[6,4],color:[1,1,1]},
                      {name:"a", type:"Join", args:["A","B"],color:[0,0,1]},
                      {name:"b", type:"Join", args:["A","C"],color:[0,0,1]},
                      {name:"D", type:"PointOnLine", pos:[5,0],args:["a"],color:[1,0,0],size:3},
                      {name:"c1", type:"CircleMP", args:["A","D"],color:[0,0,0],size:1},
                      {name:"T1", type:"IntersectLC", args:["b","c1"]},
                      {name:"E", type:"SelectP", args:["T1"],index:1,color:[1,0,0],size:3},
                      {name:"d1", type:"CircleMP", args:["E","D"],color:[0,0,0.7],size:1},
                      {name:"d2", type:"CircleMP", args:["D","E"],color:[0,0,0.7],size:1},
                      {name:"T2", type:"IntersectCirCir", args:["d1","d2"]},
                      {name:"X", type:"SelectP", args:["T2"],index:1,color:[0,0,1],size:4},
                      {name:"Y", type:"SelectP", args:["T2"],index:2,color:[0,0,1],size:4},
                      {name:"m", type:"Join", args:["X","Y"],color:[1,0,0],size:3},
                      {name:"T3", type:"IntersectLC", args:["m","c1"]},
                      {name:"F", type:"SelectP", args:["T3"],index:1,color:[1,0,0],size:3},
                      {name:"e1", type:"CircleMP", args:["F","D"],color:[0,0.7,0],size:1},
                      {name:"e2", type:"CircleMP", args:["D","F"],color:[0,0.7,0],size:1},
                      {name:"T4", type:"IntersectCirCir", args:["e1","e2"]},
                      {name:"X1", type:"SelectP", args:["T4"],index:1,color:[0,0.7,0],size:4},
                      {name:"Y1", type:"SelectP", args:["T4"],index:2,color:[0,0.7,0],size:4},
                      {name:"n", type:"Join", args:["X1","Y1"],color:[0,0.7,0],size:3},

                      /*
                      {name:"c", type:"CircleMP", args:["A","B"],color:[0,0,1],size:4},
                      {name:"d", type:"CircleMP", args:["C","D"],color:[0,0,1],size:4},

                      {name:"S", type:"IntersectCirCir", args:["c","d"]},
                      {name:"Y", type:"SelectP", args:["S"],index:1,color:[1,0,0],size:6},
                      {name:"Z", type:"SelectP", args:["S"],index:2,color:[0,1,0],size:6}*/
                      ];
            CindyJS({canvasname:"CSCanvas",
                        movescript:"csmove",
                        geometry:gslp});

        </script>

	</body>
</html>
